$(document).ready(function () {

    const id = $("#index").val();

    $("#menu input:eq(0)").on("click", function () {
        window.location.href = "../project/findinfo?id=" + id;
    });

    $("#menu input:eq(1)").on("click", function () {
        $("#menu input:eq(1), #submit").css("background-color", "#CCCCCC");
        $("#menu input:eq(1), #submit").attr("disabled", true);
        Ajax("update", $("#form1").serialize());
        setTimeout("location.reload()", 2000);
    });

    /**  保存数据*/
    $("#submit").on("click", function () {
        $("#menu input:eq(1), #submit").css("background-color", "#CCCCCC");
        $("#menu input:eq(1), #submit").attr("disabled", true);
        Ajax("update", $("#form1").serialize());
        setTimeout("location.reload()", 2000);
    });

    /** 添加管道 */
    $("#append").on("click", function () {
        // 保存数据
        $("#menu input:eq(1), #submit").css("background-color", "#CCCCCC");
        $("#menu input:eq(1), #submit").attr("disabled", true);
        Ajax("update", $("#form1").serialize());
        // 新增管道
        $(this).css("background-color", "#CCCCCC");
        $(this).attr("disabled", true);
        window.location.href = "insert?id=" + id;
    });

    $("input[name=time]").on("keyup", function (event) {
        const value = $(this).val();
        if (event.which !== 8 && value.length === 2)
            $(this).val(value + ":")
    });

    $("input[name=smanholeno]").on("input", function () {
        $(this).val($(this).val().toUpperCase());
        const value = $(this).val();
        if ($("select[name=dire]").val() === "D" && value !== "") {
            $("input[name=reference]").val(value + "X");
        }
        if ($("select[name=dire]").val() === "D" && value === "") {
            $("input[name=reference]").val("");
        }
    });

    // Finish MH
    $("input[name=fmanholeno]").on("input", function () {
        $(this).val($(this).val().toUpperCase());
        const value = $(this).val();
        if ($("select[name=dire]").val() === "U" && value !== "") {
            $("input[name=reference]").val(value + "X");
        }
        if ($("select[name=dire]").val() === "U" && value === "") {
            $("input[name=reference]").val("");
        }
    });

    // 流向改變事件
    $("select[name=dire]").change(function () {
        if ($(this).val() === "D")
            $("input[name=smanholeno]").trigger("input");
        if ($(this).val() === "U")
            $("input[name=fmanholeno]").trigger("input");
    });

    $("input[name=mater], input[name=lining]").on("input", function () {
        const value = $(this).val().toUpperCase();
        $(this).val(value);
    });

    $("#table1 tbody tr").each(function () {
        $(this).find("td:eq(3) input").css("width", "70%");
        if ($(this).find("td:eq(3) input").val() === "")
            $(this).find("td:eq(3) img").attr("src", "/cctv/img/append.png");
        else
            $(this).find("td:eq(3) img").attr("src", "/cctv/img/remove.png");

        $(this).find("td:eq(3) img").on("click", function () {
            const src = $(this).attr("src");
            if (src != null && src.indexOf("append") !== -1) {
                $(this).attr("src", "/cctv/img/remove.png");
                $(this).prev().val("*插入图片");
            }
            if (src != null && src.indexOf("remove") !== -1) {
                $(this).attr("src", "/cctv/img/append.png");
                $(this).prev().val("");
            }
        });

        $(this).find("td:eq(3) input").on("focus", function () {
            $(this).next().show();
            $(this).next().css("marginTop", (30 - $(this).next().height()) / 2);
        });

        $(this).find("td:eq(3) input").on("blur", function () {
            setTimeout(hideImg, 1000, $(this));
        });

        $(this).find("td:eq(6) input").on("input", function () {
            $(this).val($(this).val().toUpperCase());
        });

        $(this).find("td:eq(12) input").on("focus", function () {
            const value = $(this).parents("tr").find("td:eq(6) input").val();
            $(this).attr("list", value);
        });
    });

    function hideImg(value) {
        value.next().hide();
    }

    $("#table1 tbody tr input").on("focus", function () {
        $(this).select();
    });

    $("#table1 tbody tr td:nth-child(5) input").on("blur", function () {
        if ($(this).val() !== "" && !isNaN($(this).val())) {
            const value = parseFloat($(this).val()).toFixed(2);
            $(this).val(value);
        }
    });

    /** *************************************************************** */
    function Ajax(url, data) {
        let result = null;
        $.ajax({
            url: url,
            data: data,
            type: "post",
            async: false,
            datatype: "json",
            success: function (data) {
                result = data;
            }
        });
        return result;
    }

});